﻿@model DataAccess.DTO.ProductIndex
@{
    string aid = ViewBag.aid as string;
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>@Model.title</title>
    <link href="/css/style.css" rel="stylesheet" />
    <link href="/css/swipper.css" rel="stylesheet" />
    <link href="/css/preload.css" rel="stylesheet" />
    <link href="/css/loading.css" rel="stylesheet" />
    <script src="/js/jquery-1.7.2.min.js"></script>
    <script src="/js/clipboard.min.js"></script>
    <script src="/js/jweixin-1.0.0.js"></script>
    <!-- 微信自定义接口 -->
    <script>
        var weid = "3";
    </script>
    
    <!-- 微信自定义接口 -->
    <script>
        var deviceWidth = document.documentElement.clientWidth;
        if (deviceWidth > 750) deviceWidth = 750;
        document.documentElement.style.fontSize = deviceWidth / 7.5 + "px";
        document.documentElement.style.width = "100%";
    </script>
    <script src="/js/htool.js"></script>
    <script src="/js/asynloading.js"></script>
</head>
<body>
    <script>
        //采集宝贝详情的图片内容
        function getiteminfo(itemid) {
            var itemid = "542542343172";
            $.ajax({
                url: "https://hws.m.taobao.com/cache/mtop.wdetail.getItemDescx/4.1/?data=%7Bitem_num_id%3A" + @Model.auctionId + "%7D&type=jsonp&dataType=jsonp",
                dataType: 'jsonp',
                jsonp: 'callback',
                success: function (result) {
                    if (result.ret[0] == "SUCCESS::接口调用成功") {
                        var len = result.data.images.length;
                        var image = '';
                        for (var i = 0; i < len; i++) {
                            image += '<img src="' + result.data.images[i] + '">';
                        }
                        $('.vipic').html(image);

                    } else {
                        $(".vipic").html("宝贝数据调用失败，原因：" + result.ret[0]);
                        $('.vipic').modal();
                    }
                }
            });
        }
    </script>
    <!--二维码-->
    <script src="http://cs.youqi18.com/addons/tiger_taoke/template/mobile/js/layer_mobile/layer.js"></script>
    <link href="http://cs.youqi18.com//addons/tiger_taoke/template/mobile/js/layer_mobile/need/layer.css" rel="stylesheet" />

    <script>
        var cont = "<div style='width:100%;'><div style='width:100%;font-size:16px;line-height:30px;height:30px;'>淘客微联盟</div><div style='width:100%'><img src='@Model.pictUrl.Replace("_240x240.jpg", "_375x375.jpg")' style='width:100%'></div><div style='width:35%;float:left;' id='qrcode'><img src='http://pan.baidu.com/share/qrcode?w=150&h=150&url=http://w.url.cn/s/AMqWPwK' width='100%' height='100%'></div><div style='width:60%;float:left;padding-left:6px;padding-top:6px;'><span style='font-size:14px;text-align:left;width:100%;display:block;height:50px;overflow:hidden;line-height:25px;'><b>香芙雅眉笔防水防汗不脱色不晕染一字眉初学者画眉双头两用带眉刷</b></span><span style='text-align:left;float: left;width: 100%;'>原价:19.9</span><span style='font-size:12px;color:#ff0000;text-align:left;width:100%;display:block;'>券后价¥<b style='font-size:18px;'> 9.90</b></span></div><div style='float:left;width:100%;height:30px;line-height:30px;font-size:16px;'>屏幕截屏推荐给朋友</div></div>";
        function ewm() {
            layer.open({
                content: cont,
                btn: '关闭'
            });
        }
      
    </script>
    <!---->
    <style>
        #tab1 img {
            width: 100%;
        }

        .layui-m-layerchild h3 {
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            font-weight: 200;
            border-radius: 5px 5px 0 0;
            text-align: center;
        }

        .layui-m-layercont {
            padding: 30px 20px;
            line-height: 22px;
            text-align: center;
            padding-top: 0;
        }

        .layui-m-layerbtn {
            display: box;
            display: -moz-box;
            display: -webkit-box;
            width: 100%;
            height: 50px;
            line-height: 50px;
            font-size: 14px;
            border-top: 0;
            background-color: #F2F2F2;
        }

        .layui-m-layer0 .layui-m-layerchild {
            width: 80%;
            max-width: 640px;
        }
    </style>
    <!--二维码结束-->
    <a href="javascript:void(0);" onclick="history.go(-1);" style="position:fixed;top:15px;left:15px;z-index:99999">
        <img src="/images/back.png" style="width:35px">
    </a>
    <a href="/" style="position:fixed;top:15px;right:15px;z-index:99999">
        <img src="/images/home (1).png" style="width:35px">
    </a>
    <a href="javascript:" onclick="ewm();" style="position:fixed;top:65px;right:15px;z-index:99999">
        <img src="/images/zx.png" style="width:35px">
    </a>

    <div id="containter" class="container">
        <div class="goodsopenview">
            <div class="swiper-container">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide">
                        <a href="javascript:;">
                            <div class="allpreContainer">

                                <div class="inoutbg" style="background-image: url(@Model.pictUrl.Replace("_240x240.jpg", "_375x375.jpg"); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;">
                                </div>
                                <img class="preloadbg" src-data="@Model.pictUrl.Replace("_240x240.jpg", "_375x375.jpg")" src="" loaded="false">
                                <div class="DSbg" style="background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;">
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
                <div class="swiper-pagination"></div>
            </div>
            <div class="goodsname">@Model.title</div>
            <div class="goodsprice">
                <span class="trueprice"><span style="font-size:12px;">券后价</span> ¥@(Model.zkPrice-Model.couponAmount) <span style="font-size:12px;color:#555555;text-decoration:line-through; ">原价 ¥@Model.zkPrice</span></span>
                <!--if $cfg['mmtype']<>1-->
                @*<span class="baseprice"><em class="detailfanzi">约返</em><em class="detailfanmoney">1.54新年币</em></span>*@
            </div>
            <a class="goodscollection" data-id="@Model.auctionId" href="javascript:;">收藏</a>
        </div>

        <style>
            .q-wx {
                width: 100%;
                margin: 0 auto;
                padding-top: 10px;
            }

            .f14 {
                font-size: 14px;
            }

            .q-wx li {
                display: inline-block;
                margin-left: 10px;
                width: 45%;
                height: 1.25rem;
                color: #f6fed0;
                margin-top: 6px;
                position: relative;
                background-image: url("/images/quanbj.png");
                background-size: 100% 100%;
            }

            .f30 {
                font-size: 25px;
            }

            .q-wx li span {
                display: block;
                width: 1.8rem;
                text-align: center;
            }

            .q-wx li p {
                width: 1.8rem;
                height: .42rem;
                line-height: 1.2;
                text-align: center;
                overflow: hidden;
                position: absolute;
                left: .23333rem;
                bottom: .1rem;
                z-index: 99;
            }

            .q-wx li a {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 101;
            }
        </style>
        <div class="goodsshow">
            <a class="seemore" onclick="getiteminfo()">
                <span>图文详情(点击查看详细介绍)</span>
            </a>
            <div class="goodsdetail">


                <script type="text/javascript">
                    $(function () {
                        var clipboard = new Clipboard(".taokaocopy", {
                            text: function () {
                                return $(".copybox1").val();
                            }
                        });

                        clipboard.on('success', function (e) {
                            //alert("链接已复制到剪贴板");
                            $(".taokaocopy").html("<img src='/images/copy1.png'>");
                        });

                        clipboard.on('error', function (e) {
                            //console.log(e);
                            $(".taokaocopy").html("<img src='/images/copy2.png'>");
                        })
                    });
                </script>


                <p>
                    @*双头防水防汗，一笔勾勒，立体持久，6色可选，赠运费险哦*@
                </p>
                <div class="vipic">
                    <div style="width:100%"></div>
                </div>
                <div style="width:100%;height:60px;"></div>
            </div>
        </div>
        <style>
            .iconfont {
                font-family: "iconfont" !important;
                font-size: 16px;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

            .bmenu {
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 50px;
                line-height: 50px;
                display: -webkit-box;
                z-index: 10000;
                background: #FAFAFA;
                color: #ffffff;
                font-size: 12px;
            }

            .bnav {
                position: absolute;
                z-index: 10001;
                width: 25%;
                float: left;
            }

            .sb1 {
                bottom: 0;
                left: 0;
                color: #666;
                text-align: center;
            }

            .sb2 {
                bottom: 0;
                left: 25%;
                color: #666;
                text-align: center;
            }

            .sb3 {
                bottom: 0;
                left: 50%;
                background: #FB874E;
                text-align: center;
            }

            .sb4 {
                bottom: 0;
                left: 75%;
                background: #f54d23;
                text-align: center;
            }

            .iconfont1 {
                width: 22px;
                height: 22px;
                background-image: url("/images/sy.png");
                background-size: 100% 100%;
                position: absolute;
                z-index: 10001;
                margin-top: 14px;
                margin-left: -28px;
            }

            .iconfont2 {
                width: 22px;
                height: 22px;
                background-image: url("/images/kf.png");
                background-size: 100% 100%;
                position: absolute;
                z-index: 10001;
                margin-top: 14px;
                margin-left: -28px;
            }
        </style>
        <script>
            var dlewm = "";
            if (dlewm) {
                var contkf = "<div style='width:100%;'><div><img src='" + dlewm + "' width='100%' height='100%'></div><div style='float:left;width:100%;height:30px;line-height:30px;font-size:16px;'>扫码加客服咨询</div></div>";
            } else {
                var contkf = "<div style='width:100%;'><div><img src='/images/AeZBVZ262kEeAekEDAWKL3DwxNLDDI.jpg' width='100%' height='100%'></div><div style='float:left;width:100%;height:30px;line-height:30px;font-size:16px;'>扫码加客服咨询</div></div>";
            }


            function kf() {
                layer.open({
                    content: contkf,
                    btn: '关闭'
                });
            }
          
        </script>
        <div class="bmenu">
            <div class="bnav sb1"><a href="/@(aid)" style="color:#666"><i class="iconfont1"></i>首页</a></div>
            <div class="bnav sb2" onclick="kf()"><i class="iconfont2"></i>客服</div>
            <div class="bnav sb3"><a style="color:white" href="/@(aid)/open.html?link=@System.Web.HttpUtility.UrlEncode(Model.couponLink)">浏览器打开</a></div>
            <div class="bnav sb4"><a href="javascript:;" class="goodsget" data-img="https://img.alicdn.com/imgextra/i3/816163971/TB2HQqhniC9MuFjSZFoXXbUzFXa_!!816163971.jpg" data-id="@Model.auctionId" data-title="@Model.title" data-picurl="@Model.pictUrl" data-dluid="0" data-rxyjxs="1" data-url="" data-pid="" data-tkrate="0" data-numiid="@Model.auctionId" data-orgprice="@Model.zkPrice" data-price="@(Model.zkPrice-Model.couponAmount)" coupons_price="@Model.couponAmount" style="color:#ffffff;background: #f54d23;font-size:12px;font-weight: normal;letter-spacing: normal;">淘口令购买</a></div>
        </div>
        @*<div class="goodsgetcoupon"><a href="javascript:;" class="goodsget" data-img="https://img.alicdn.com/imgextra/i3/816163971/TB2HQqhniC9MuFjSZFoXXbUzFXa_!!816163971.jpg" data-id="602540" data-rxyjxs="1" style="color:#ffffff">马上领券<em class="ljmoney2" style="color:#ffffff">10</em>元</a></div>*@
    </div>

</body>
</html>
<style>
    .copybox {
        text-align: left;
    }
</style>
<style>
    .useract {
        position: fixed;
        opacity: 0;
        color: #fff;
        border-radius: 20px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        left: 0.2rem;
        padding-right: 10px;
        top: 1.8rem;
        z-index: 10000;
        background: #000;
    }

        .useract img {
            width: 30px;
            height: 30px;
            border-radius: 18px;
            vertical-align: -10px;
            margin-right: 8px;
        }

    .useractshow {
        opacity: 0.8;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }
</style>

<script>

    var fixeddata = [
        {
            name: "平凡",
            content: "成功领取了20元优惠券一张",
            headerportarit: "http://wx.qlogo.cn/mmopen/49SrJMeiaIlLcllNk1q51cQERva1DqIfn0XXkJsoe2dflnOjgeAaj3ickLiat2EgSfqjDevibrOFhDvRiaSYqE29cxQ/0"
        },
        {
            name: "叶珍生",
            content: "成功领取了30元优惠券一张",
            headerportarit: "http://wx.qlogo.cn/mmopen/PiajxSqBRaELkx09ELJ3dgS5RDgojuvW3EXT6w11zqpT692I96t1SvmO9h6yrx0mJpQ2LUiaM5Ym8meBWicaHf7Tw/0"
        },
        {
            name: "宝妈惠赚1",
            content: "成功领取了100元优惠券一张",
            headerportarit: "http://wx.qlogo.cn/mmopen/iaiadLyuDOG9Z5IsBuE34MFia0Sm62N8xTFicaqicPntQibENobIqm3FdfV6DxmMfpA3jqumxepLKMserF94ABeDkEUJYlGKGxcjpK/0"
        },
        {
            name: "强哥",
            content: "成功领取了30元优惠券一张",
            headerportarit: "http://wx.qlogo.cn/mmopen/PiajxSqBRaEItohoPjPFS5fLR7C1RzlggxX5cLicCFhrPjdqY2UJDiac9gbWMUS0ibbtEGQH4ia1o8qj1CFbKjhHfPw/0"
        },
        {
            name: "我爱我家",
            content: "成功领取了50元优惠券一张",
            headerportarit: "http://wx.qlogo.cn/mmopen/Q3auHgzwzM4Kkl1GmShDqFDLKibFWIiboT8fSZw7RNicSn33MoOwepe7zSAh0ZUmjN3P6MCickFHia49hEsql1ibYvVKb2xtFbDkgCSW8qX19N32Y/0"
        },
        {
            name: "贝子",
            content: "成功领取了30元优惠券一张",
            headerportarit: "http://wx.qlogo.cn/mmopen/U311ZbQ3QU9ABTYyjx4iblp3wWC0ibkwERqxTGbuMNA6WcXlrPZ9evib38icUJanmQciaR5GgTJlX9yFy0iconCviaayfYlic1C7oXHib/0"
        },

    ];
</script>

<script src="/js/idangerous.swiper.min.js"></script>
<script src="/js/common_phone.js"></script>
<script src="/js/fun.js"></script>
<script src="/js/clipboard.min.js"></script>


